<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>交易订单记录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link href="/lobsteruiframe/layuiadmin/layui/css/layui.css" rel="stylesheet" />
    <link href="/lobsteruiframe/layuiadmin/style/admin.css" rel="stylesheet" />
    <script src="/lobsteruiframe/layuiadmin/layui/layui.js"></script>

    <script src="/jslib/jquery-3.4.1.min.js"></script>
    <script src="/jslib/lobster.js"></script>

    <script src="../js/pay.js"></script>
</head>


<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-input-inline">
                    <div class="layui-input-inline" style="width: 200px;">
                        <input type="text" name="orderNo" placeholder="请输入订单号,业务订单号" autocomplete="off"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-input-inline">
                    <label class="layui-form-label">下单时间：</label>
                    <div class="layui-input-inline" style="width: 260px;">
                        <input type="text" class="layui-input" id="date" placeholder="" readonly="readonly">
                    </div>
                </div>
                <div class="layui-input-inline">
                    <label class="layui-form-label" >订单类型：</label>
                    <div class="layui-input-inline" style="width:120px;">
                        <select name="OrderType">

                        </select>
                    </div>
                </div>
                <div class="layui-input-inline">
                    <label class="layui-form-label" >订单状态：</label>
                    <div class="layui-input-inline" style="width:120px;">
                        <select name="paystate">
                            <option value="-1">全部</option>
                            <option value="1">未支付</option>
                            <option value="2">已支付</option>
                            <option value="3">已退费</option>
                            <option value="4">部分退款</option>
                            <option value="5">已取消</option>
                        </select>
                    </div>
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-app-front-search"
                        id="btnSearch">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>查找
                    </button>
                </div>
            </div>

            <div class="layui-card-body">
                <table id="datatable" lay-filter="datatable"></table>
            </div>
        </div>
    </div>
</body>

<script type="text/html" id="refund">
    <div class="layui-fluid box">
        <form class="layui-form" lay-filter="refundformData" id="refundformData">
            <div class="layui-card">
                <div class="layui-card-body box">
                    <div class="layui-form-item active">
                        <label class="layui-form-label" style="padding: 3px 10px;">订单号</label>
                        <div class="layui-input-inline">
                            <label id="OrderNo"></label>
                        </div>
                        <label class="layui-form-label" style="padding: 3px 10px;">业务订单号</label>
                        <div class="layui-input-inline">
                            <label  id="BusinessOrderNo"></label>
                        </div>
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label" style="padding: 3px 10px;">商户号</label>
                        <div class="layui-input-inline">
                            <label  id="SubMchId"></label>
                        </div>
                        <label class="layui-form-label" style="padding: 3px 10px;">支付时间</label>
                        <div class="layui-input-inline">
                            <label  id="PayDate""></label>
                        </div>
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label" style="padding: 3px 10px;">支付方式</label>
                        <div class="layui-input-inline">
                            <label  id="PayType">微信支付</label>
                        </div>
                        <label class="layui-form-label"  style="padding: 3px 10px;">支付金额</label>
                        <div class="layui-input-inline">
                            <label id="TotalFee"></label>
                        </div>
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label" style="padding: 3px 10px;">已退金额</label>
                        <div class="layui-input-inline">
                            <label  id="RefundFee" style="color: red;"></label>
                        </div> 
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label"><i style="color: red;">*</i>退款金额</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input" name="RefundFee"/>
                        </div>
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label"><i style="color: red;">*</i>密码</label>
                        <div class="layui-input-block">
                            <input type="password" class="layui-input" name="PassWord"/>
                        </div>
                    </div>
                    <div class="layui-form-item active">
                        <label class="layui-form-label"><i style="color: red;">*</i>退款原因</label>
                        <div class="layui-input-block">
                            <textarea style="height: 100px;width: 100%;" name="RefundDesc"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-hide">
                    <input type="button" lay-submit lay-filter="refundsubmit" id="refundsubmit" value="保存">
                </div>
            </div>
        </form>
    </div>
</script>


<script type="text/html" id="edit">
    {{# if(d.PayType==1&&(d.PayState==2||d.PayState==4)) { }}
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="refund"><i class="layui-icon  layui-icon-edit"></i>申请退款</a> 
    {{# } }} 

    {{# if(d.PayType==1&&(d.PayState==3||d.PayState==4)) { }}
    <a class="layui-btn layui-btn-xs" lay-event="refunddetail"><i class="layui-icon  layui-icon-align-center"></i>退款详情</a> 
    {{# } }} 
</script>

</html>